import React, { Component } from 'react'
import { connect } from 'react-redux'
import { Menu,Icon } from 'antd';
import { Link } from 'react-router' ; 
import AdminAccountMenu  from './AdminAccountMenu' ; 

import './style/Header.css' ;

const SubMenu = Menu.SubMenu;
class AdminPageSlider extends Component {
  render() {  
      return (
                <div className="slider" >
                    <div className="slider-header" >
                         <AdminAccountMenu />
                    </div>
                    <Menu  theme="dark" style={{ marginTop: 50}}>
                        {/*<Menu.Item> <Icon type="user" />   </Menu.Item>*/}
                        <Menu.Item key="1"> <Link to="/admin/dashboard" >  <Icon type="home" />Dashboard </Link> </Menu.Item>
                        <SubMenu title={<span><Icon type="user" />用户中心</span>}>
                                <Menu.Item key="user:1"><Link to="/admin/users">  用户管理 </Link> </Menu.Item>
                                <Menu.Item key="user:2"><Link to="/admin/groups">  组管理 </Link></Menu.Item>
                                <Menu.Item key="user:3"><Link to="/admin/tags">  标签管理 </Link></Menu.Item>
                        </SubMenu>
                        <Menu.Item key="2"> <Link to="/admin/itembank" >  <Icon type="home" />题库管理 </Link> </Menu.Item>
                        <Menu.Item key="3"> <Link to="/admin/questions" >  <Icon type="home" />试题管理 </Link> </Menu.Item>
                        <Menu.Item key="4">  <Link to="/admin/exam" >  <Icon type="home" />试卷管理 </Link> </Menu.Item>
                    </Menu> 
                </div>
      )
  }
}

export default connect()(AdminPageSlider)
